﻿<!DOCTYPE html>
<html lang="zh">
<head>
 <meta charset="utf-8">
 <title>HTML教程_HTML5 教程-歪脖网</title>
 <meta name="keywords" content="HTML, HTML5, HTML教程, HTML5教程, HTML5 教程" />
 <meta name="description" content="歪脖网, 提供HTML5 教程和 HTML教程, 让零基础web前端工程师从入门HTML5 到完全精通HTML5, 是web前端学习线路的必备教程, 学HTML5和HTML就上歪脖网" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
 <link href="http://localhost/waibo/css/bootstrap.min.css" rel="stylesheet" />
 <link href="http://localhost/waibo/css/bootstrap-responsive.min.css" rel="stylesheet" />
 <link href="http://localhost/waibo/css/style.css" rel="stylesheet" />

 <script src="http://localhost/waibo/js/jquery.js"></script>
 <script src="http://localhost/waibo/js/script.js"></script>
</head>

<body>
 <div class="topbar">
 <div class="eyebrow hidden-phone">
 <div class="container">
 <ul class="pull-left">
   <li><a href="http://www.waibo.wang/" target="_blank">歪脖网</a>欢迎您！</li>
 </ul>
 <ul class="pull-right">
  <li><a href="http://www.waibo.wang/user/">登录</a></li>
  <li class="b">|</li>
  <li><a href="http://www.waibo.wang/user/register.asp" target="_blank">注册</a></li>
 </div>
 </div>

<div class="topnav">
<div class="container">
  <div class="row-fluid mtz">
  <div class="span3 topnav-logo">
    <a href="http://www.waibo.wang/"><p class="logo-cn">歪脖网</p><p class="logo-en hidden-phone">waibo.wang</p></a>
  </div>
  <div class="span6 nav">
   <ul>
     <li ><a href="http://www.waibo.wang/">首页</a></li>
     <li class="active"><a href="http://localhost/waibo/">教程</a></li>
     <li ><a href="http://www.waibo.wang/wiki/">专栏</a></li>
     <li ><a href="http://www.waibo.wang/demo/">素材</a></li>
   </ul>
  </div>
  <div class="span3 topnav-form">
  </div>
 </div>
 </div>
 </div>
 </div>


 <div class="container">
 <div class="row-fluid">
 <aside class="span3">
 <div class="card">
  <div class="head">
    <h4>前端教程</h4>
  </div>
  <div class="heading">
    <h3><a class="active" href="http://localhost/waibo/bible/html5/">HTML5宝典</a></h3>
  </div>
</div>
 <div id="ad2-01" class="ad-aside"></div>
 </aside>

 
 <main class="span9">
 <div class="card">
 <p class="h">HTML5宝典</p>
 </p>
 <p class="hide-text">歪脖网, 提供HTML5 教程和 HTML教程, 让零基础web前端工程师从入门HTML5 到完全精通HTML5, 是web前端学习线路的必备教程, 学HTML5和HTML就上歪脖网</p>
 <hr/>
 <div class="contents">
<h1>第 1 章 <a href="http://localhost/waibo/bible/html5/html/1/1.html">HTML基础</a></h1>
  <h2>1.1 <a href="http://localhost/waibo/bible/html5/html/1/1.1.1.html">认识HTML</a></h2>
    <h3>1.1.1 <a href="http://localhost/waibo/bible/html5/html/1/1.1.1.html">什么是HTML</a></h3>
    <h3>1.1.2 <a href="http://localhost/waibo/bible/html5/html/1/1.1.2.html">HTML发展史</a></h3>
    <h3>1.1.3 <a href="http://localhost/waibo/bible/html5/html/1/1.1.3.html">HTML初体验</a></h3>
  <h2>1.2 <a href="http://localhost/waibo/bible/html5/html/1/1.2.1.html">HTML基本语法</a></h2>
    <h3>1.2.1 <a href="http://localhost/waibo/bible/html5/html/1/1.2.1.html">HTML元素</a></h3>
    <h3>1.2.2 <a href="http://localhost/waibo/bible/html5/html/1/1.2.2.html">HTML属性</a></h3>
    <h3>1.2.3 <a href="http://localhost/waibo/bible/html5/html/1/1.2.3.html">HTML注释</a></h3>
  <h2>1.3 <a href="http://localhost/waibo/bible/html5/html/1/1.3.1.html">HTML文档结构</a></h2>
    <h3>1.3.1 <a href="http://localhost/waibo/bible/html5/html/1/1.3.1.html">&lt;!DOCTYPE></a></h3>
    <h3>1.3.2 <a href="http://localhost/waibo/bible/html5/html/1/1.3.2.html">HTML根元素</a></h3>
    <h3>1.3.3 <a href="http://localhost/waibo/bible/html5/html/1/1.3.3.html">HTML头部</a></h3>
    <h3>1.3.4 <a href="http://localhost/waibo/bible/html5/html/1/1.3.4.html">HTML主体</a></h3>
  <h2>1.4 <a href="http://localhost/waibo/bible/html5/html/1/1.4.html">动态网页技术</a></h2>
<h1>第 2 章 <a href="http://localhost/waibo/bible/html5/html/2/2.html">HTML元素</a></h1>
  <h2>2.1 <a href="http://localhost/waibo/bible/html5/html/2/2.1.1.html">结构语义元素</a></h2>
    <h3>2.1.1 <a href="http://localhost/waibo/bible/html5/html/2/2.1.1.html">h1～h6元素</a></h3>
    <h3>2.1.2 <a href="http://localhost/waibo/bible/html5/html/2/2.1.2.html">header元素</a></h3>
    <h3>2.1.3 <a href="http://localhost/waibo/bible/html5/html/2/2.1.3.html">nav元素</a></h3>
    <h3>2.1.4 <a href="http://localhost/waibo/bible/html5/html/2/2.1.4.html">main元素</a></h3>
    <h3>2.1.5 <a href="http://localhost/waibo/bible/html5/html/2/2.1.5.html">article元素</a></h3>
    <h3>2.1.6 <a href="http://localhost/waibo/bible/html5/html/2/2.1.6.html">section元素</a></h3>
    <h3>2.1.7 <a href="http://localhost/waibo/bible/html5/html/2/2.1.7.html">aside元素</a></h3>
    <h3>2.1.8 <a href="http://localhost/waibo/bible/html5/html/2/2.1.8.html">footer元素</a></h3>
    <h3>2.1.9 <a href="http://localhost/waibo/bible/html5/html/2/2.1.9.html">address元素</a></h3>
  <h2>2.2 <a href="http://localhost/waibo/bible/html5/html/2/2.2.1.html">内容分组元素</a></h2>
    <h3>2.2.1 <a href="http://localhost/waibo/bible/html5/html/2/2.2.1.html">div元素</a></h3>
    <h3>2.2.2 <a href="http://localhost/waibo/bible/html5/html/2/2.2.2.html">p元素</a></h3>
    <h3>2.2.3 <a href="http://localhost/waibo/bible/html5/html/2/2.2.3.html">hr元素</a></h3>
    <h3>2.2.4 <a href="http://localhost/waibo/bible/html5/html/2/2.2.4.html">pre元素</a></h3>
    <h3>2.2.5 <a href="http://localhost/waibo/bible/html5/html/2/2.2.5.html">figure元素</a></h3>
    <h3>2.2.6 <a href="http://localhost/waibo/bible/html5/html/2/2.2.6.html">blockquote元素</a></h3>
    <h3>2.2.7 <a href="http://localhost/waibo/bible/html5/html/2/2.2.7.html">列表元素</a></h3>
  <h2>2.3 <a href="http://localhost/waibo/bible/html5/html/2/2.3.1.html">文本语义元素</a></h2>
    <h3>2.3.1 <a href="http://localhost/waibo/bible/html5/html/2/2.3.1.html">文本元素</a></h3>
    <h3>2.3.2 <a href="http://localhost/waibo/bible/html5/html/2/2.3.2.html">strong元素</a></h3>
    <h3>2.3.3 <a href="http://localhost/waibo/bible/html5/html/2/2.3.3.html">small元素</a></h3>
    <h3>2.3.4 <a href="http://localhost/waibo/bible/html5/html/2/2.3.4.html">i元素</a></h3>
    <h3>2.3.5 <a href="http://localhost/waibo/bible/html5/html/2/2.3.5.html">b元素</a></h3>
    <h3>2.3.6 <a href="http://localhost/waibo/bible/html5/html/2/2.3.6.html">u元素</a></h3>
    <h3>2.3.7 <a href="http://localhost/waibo/bible/html5/html/2/2.3.7.html">s元素</a></h3>
    <h3>2.3.8 <a href="http://localhost/waibo/bible/html5/html/2/2.3.8.html">q元素</a></h3>
    <h3>2.3.9 <a href="http://localhost/waibo/bible/html5/html/2/2.3.9.html">cite元素</a></h3>
    <h3>2.3.10 <a href="http://localhost/waibo/bible/html5/html/2/2.3.10.html">mark元素</a></h3>
    <h3>2.3.11 <a href="http://localhost/waibo/bible/html5/html/2/2.3.11.html">abbr元素</a></h3>
    <h3>2.3.12 <a href="http://localhost/waibo/bible/html5/html/2/2.3.12.html">dfn元素</a></h3>
    <h3>2.3.13 <a href="http://localhost/waibo/bible/html5/html/2/2.3.13.html">time元素</a></h3>
    <h3>2.3.14 <a href="http://localhost/waibo/bible/html5/html/2/2.3.14.html">code元素</a></h3>
    <h3>2.3.15 <a href="http://localhost/waibo/bible/html5/html/2/2.3.15.html">var元素</a></h3>
    <h3>2.3.16 <a href="http://localhost/waibo/bible/html5/html/2/2.3.16.html">samp元素</a></h3>
    <h3>2.3.17 <a href="http://localhost/waibo/bible/html5/html/2/2.3.17.html">kbd元素</a></h3>
    <h3>2.3.18 <a href="http://localhost/waibo/bible/html5/html/2/2.3.18.html">sub和sup元素</a></h3>
    <h3>2.3.19 <a href="http://localhost/waibo/bible/html5/html/2/2.3.19.html">ins和del元素</a></h3>
    <h3>2.3.20 <a href="http://localhost/waibo/bible/html5/html/2/2.3.20.html">bdo和bdi元素</a></h3>
    <h3>2.3.21 <a href="http://localhost/waibo/bible/html5/html/2/2.3.21.html">ruby、rb、rt、rp元素</a></h3>
    <h3>2.3.22 <a href="http://localhost/waibo/bible/html5/html/2/2.3.22.html">br元素</a></h3>
    <h3>2.3.23 <a href="http://localhost/waibo/bible/html5/html/2/2.3.23.html">wbr元素</a></h3>
    <h3>2.3.24 <a href="http://localhost/waibo/bible/html5/html/2/2.3.24.html">span元素</a></h3>
  <h2>2.4 <a href="http://localhost/waibo/bible/html5/html/2/2.4.1.html">链接元素</a></h2>
    <h3>2.4.1 <a href="http://localhost/waibo/bible/html5/html/2/2.4.1.html">a元素</a></h3>
    <h3>2.4.2 <a href="http://localhost/waibo/bible/html5/html/2/2.4.2.html">map元素</a></h3>
  <h2>2.5 <a href="http://localhost/waibo/bible/html5/html/2/2.5.html">表格元素</a></h2>
  <h2>2.6 <a href="http://localhost/waibo/bible/html5/html/2/2.6.1.html">嵌入式元素</a></h2>
    <h3>2.6.1 <a href="http://localhost/waibo/bible/html5/html/2/2.6.1.html">图像</a></h3>
    <h3>2.6.2 <a href="http://localhost/waibo/bible/html5/html/2/2.6.2.html">网页</a></h3>
    <h3>2.6.3 <a href="http://localhost/waibo/bible/html5/html/2/2.6.3.html">视频和音频</a></h3>
<h1>第 3 章 <a href="http://localhost/waibo/bible/html5/html/3/3.html">表单及应用</a></h1>
  <h2>3.1 <a href="http://localhost/waibo/bible/html5/html/3/3.1.html">什么是表单</a></h2>
  <h2>3.2 <a href="http://localhost/waibo/bible/html5/html/3/3.2.html">Form元素</a></h2>
  <h2>3.3 <a href="http://localhost/waibo/bible/html5/html/3/3.3.1.html">表单控件</a></h2>
    <h3>3.3.1 <a href="http://localhost/waibo/bible/html5/html/3/3.3.1.html">label控件</a></h3>
    <h3>3.3.2 <a href="http://localhost/waibo/bible/html5/html/3/3.3.2.html">input控件</a></h3>
    <h3>3.3.3 <a href="http://localhost/waibo/bible/html5/html/3/3.3.3.html">textarea控件</a></h3>
    <h3>3.3.4 <a href="http://localhost/waibo/bible/html5/html/3/3.3.4.html">select控件</a></h3>
    <h3>3.3.5 <a href="http://localhost/waibo/bible/html5/html/3/3.3.5.html">keygen控件</a></h3>
    <h3>3.3.6 <a href="http://localhost/waibo/bible/html5/html/3/3.3.6.html">progress控件</a></h3>
    <h3>3.3.7 <a href="http://localhost/waibo/bible/html5/html/3/3.3.7.html">meter控件</a></h3>
    <h3>3.3.8 <a href="http://localhost/waibo/bible/html5/html/3/3.3.8.html">fieldset控件</a></h3>
  <h2>3.4 <a href="http://localhost/waibo/bible/html5/html/3/3.4.1.html">表单按钮</a></h2>
    <h3>3.4.1 <a href="http://localhost/waibo/bible/html5/html/3/3.4.1.html">提交按钮</a></h3>
    <h3>3.4.2 <a href="http://localhost/waibo/bible/html5/html/3/3.4.2.html">重置按钮</a></h3>
    <h3>3.4.3 <a href="http://localhost/waibo/bible/html5/html/3/3.4.3.html">普通按钮</a></h3>
  <h2>3.5 <a href="http://localhost/waibo/bible/html5/html/3/3.5.1.html">表单特性</a></h2>
    <h3>3.5.1 <a href="http://localhost/waibo/bible/html5/html/3/3.5.1.html">size</a></h3>
    <h3>3.5.2 <a href="http://localhost/waibo/bible/html5/html/3/3.5.2.html">min/maxlength</a></h3>
    <h3>3.5.3 <a href="http://localhost/waibo/bible/html5/html/3/3.5.3.html">readonly</a></h3>
    <h3>3.5.4 <a href="http://localhost/waibo/bible/html5/html/3/3.5.4.html">disabled</a></h3>
    <h3>3.5.5 <a href="http://localhost/waibo/bible/html5/html/3/3.5.5.html">autocomplete</a></h3>
    <h3>3.5.6 <a href="http://localhost/waibo/bible/html5/html/3/3.5.6.html">autofocus</a></h3>
    <h3>3.5.7 <a href="http://localhost/waibo/bible/html5/html/3/3.5.7.html">required</a></h3>
    <h3>3.5.8 <a href="http://localhost/waibo/bible/html5/html/3/3.5.8.html">placeholder</a></h3>
    <h3>3.5.9 <a href="http://localhost/waibo/bible/html5/html/3/3.5.9.html">pattern</a></h3>
    <h3>3.5.10 <a href="http://localhost/waibo/bible/html5/html/3/3.5.10.html">list</a></h3>
<h1>第 4 章 <a href="http://localhost/waibo/bible/html5/html/4/4.html">Canvas绘图基础</a></h1>
  <h2>4.1 <a href="http://localhost/waibo/bible/html5/html/4/4.1.html">基本用法</a></h2>
  <h2>4.2 <a href="http://localhost/waibo/bible/html5/html/4/4.2.1.html">使用路径</a></h2>
    <h3>4.2.1 <a href="http://localhost/waibo/bible/html5/html/4/4.2.1.html">如何使用路径</a></h3>
    <h3>4.2.2 <a href="http://localhost/waibo/bible/html5/html/4/4.2.2.html">绘制线段</a></h3>
    <h3>4.2.3 <a href="http://localhost/waibo/bible/html5/html/4/4.2.3.html">绘制矩形</a></h3>
    <h3>4.2.4 <a href="http://localhost/waibo/bible/html5/html/4/4.2.4.html">绘制圆弧</a></h3>
    <h3>4.2.5 <a href="http://localhost/waibo/bible/html5/html/4/4.2.5.html">绘制贝塞尔曲线</a></h3>
  <h2>4.3 <a href="http://localhost/waibo/bible/html5/html/4/4.3.html">绘制文本</a></h2>
  <h2>4.4 <a href="http://localhost/waibo/bible/html5/html/4/4.4.1.html">处理图像和视频</a></h2>
    <h3>4.4.1 <a href="http://localhost/waibo/bible/html5/html/4/4.4.1.html">绘制图像</a></h3>
    <h3>4.4.2 <a href="http://localhost/waibo/bible/html5/html/4/4.4.2.html">操作图像像素</a></h3>
    <h3>4.4.3 <a href="http://localhost/waibo/bible/html5/html/4/4.4.3.html">创建图像数据</a></h3>
  <h2>4.5 <a href="http://localhost/waibo/bible/html5/html/4/4.5.1.html">装饰图形</a></h2>
    <h3>4.5.1 <a href="http://localhost/waibo/bible/html5/html/4/4.5.1.html">线条的样式</a></h3>
    <h3>4.5.2 <a href="http://localhost/waibo/bible/html5/html/4/4.5.2.html">颜色及透明度</a></h3>
    <h3>4.5.3 <a href="http://localhost/waibo/bible/html5/html/4/4.5.3.html">渐变和图案</a></h3>
    <h3>4.5.4 <a href="http://localhost/waibo/bible/html5/html/4/4.5.4.html">阴影</a></h3>
    <h3>4.5.5 <a href="http://localhost/waibo/bible/html5/html/4/4.5.5.html">裁剪区域</a></h3>
    <h3>4.5.6 <a href="http://localhost/waibo/bible/html5/html/4/4.5.6.html">图形组合</a></h3>
  <h2>4.6 <a href="http://localhost/waibo/bible/html5/html/4/4.6.html">画布变换</a></h2>
  <h2>4.7 <a href="http://localhost/waibo/bible/html5/html/4/4.7.html">保存恢复状态</a></h2>
  <h2>4.8 <a href="http://localhost/waibo/bible/html5/html/4/4.8.html">绘制动画</a></h2>
  <h2>4.9 <a href="http://localhost/waibo/bible/html5/html/4/4.9.html">保存画布</a></h2>
<h1>第 5 章 <a href="http://localhost/waibo/bible/html5/html/5/5.html">客户端存储</a></h1>
  <h2>5.1 <a href="http://localhost/waibo/bible/html5/html/5/5.1.1.html">Cookie</a></h2>
    <h3>5.1.1 <a href="http://localhost/waibo/bible/html5/html/5/5.1.1.html">存储Cookie</a></h3>
    <h3>5.1.2 <a href="http://localhost/waibo/bible/html5/html/5/5.1.2.html">读取Cookie</a></h3>
    <h3>5.1.3 <a href="http://localhost/waibo/bible/html5/html/5/5.1.3.html">修改Cookie</a></h3>
    <h3>5.1.4 <a href="http://localhost/waibo/bible/html5/html/5/5.1.4.html">删除Cookie</a></h3>
  <h2>5.2 <a href="http://localhost/waibo/bible/html5/html/5/5.2.1.html">Web Storage</a></h2>
    <h3>5.2.1 <a href="http://localhost/waibo/bible/html5/html/5/5.2.1.html">概述</a></h3>
    <h3>5.2.2 <a href="http://localhost/waibo/bible/html5/html/5/5.2.2.html">浏览器检测</a></h3>
    <h3>5.2.3 <a href="http://localhost/waibo/bible/html5/html/5/5.2.3.html">Web Storage API</a></h3>
    <h3>5.2.4 <a href="http://localhost/waibo/bible/html5/html/5/5.2.4.html">Storage事件</a></h3>
 </div>
 </div>
 </main>
 </div>
 </div>
 <div class="floatPanel">
	 <div class="ctrolPanel">
		 <a href="javascript:;" class="arrow top" onClick="goTop()"><span>返回顶部</span></a>
    <a href="#" class="phone"  data-target="#phone"><span>手机访问</span></a>
    <a href="#" class="wechat" data-target="#wechat"><span>关注微信</span></a>
    <a href="javascript:;" class="arrow bottom" onClick="goBottom()"><span>返回底部</span></a>
  </div>
	<div id="phone" class="popPanel">
		<div class="popPanel-inner">
			<img src="http://localhost/waibo/img/site.png" /><p class="slogan">扫码访问歪脖网</p><p>随时随地，想看就看</p>
		</div>
	</div>
	<div id="wechat" class="popPanel">
		<div class="popPanel-inner">
			<img src="http://localhost/waibo/img/weixin.png" /><p class="slogan">关注歪脖网微信</p><p>分享 web 知识、交流 web 经验</p>
		</div>
	</div>
</div>
 <footer>
   <p>Copyright&copy;2017&nbsp;&nbsp;www.waibo.wang All Rights Reserved</p>
   <p>陕ICP备17020676号-1&nbsp;&nbsp;&nbsp;&nbsp;客服QQ：376601179&nbsp;&nbsp;&nbsp;&nbsp;邮箱：376601179#qq.com
 </footer>
 <script>
 $(function() {
    load();
 });
 </script>
</body>
</html>
